<!--
  Generated template for the UserPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

    <ion-navbar>
      <ion-title>个人中心</ion-title>
    </ion-navbar>
  
  </ion-header>
  
  
  <ion-content>
  
    <ion-list class="marginTop marginBottom">
      <button ion-item (click)="gotoHeadface()">
        <ion-avatar item-start>
          <img src="{{headface}}" />
        </ion-avatar>
        <h2>修改头像</h2> 
      </button>
    </ion-list>
  
    <ion-list>
      <ion-item>
        <ion-label>用户昵称</ion-label>
        <ion-input type="text" [(ngModel)]="nickname"></ion-input>
      </ion-item>
    </ion-list>
  
    <div padding text-center class="paddingTop">
      <button ion-button color="primary" block (click)="updateNickName()">保存</button>
    </div>
  
    <div padding text-center class="paddingTop">
      <button ion-button color="danger" block (click)="logout()">注销</button>
    </div>
  
  </ion-content>